import { PageContainer } from '@ant-design/pro-components';
import { request, useRequest } from '@umijs/max';

const AccessPage: React.FC = () => {
  const { data, error, loading } = useRequest(() => {
    return request<API.Result_PageInfo_UserInfo__>('/api/list', {
      method: 'GET',
      params: {},
    });
  });

  console.log({ data, error, loading });

  // useEffect(() => {
  //   // request<API.Result_PageInfo_UserInfo__>('/api/list', {
  //   //   method: 'GET',
  //   //   params: {
  //   //     a: 3,
  //   //   },
  //   // }).then((res) => {
  //   //   console.log(res);
  //   // });
  //   request<API.Result_PageInfo_UserInfo__>('/api/list2', {
  //     method: 'POST',
  //     data: {
  //       a: 3,
  //     },
  //   }).then((res) => {
  //     console.log(res);
  //   });
  // }, []);

  return (
    <PageContainer
      ghost
      header={{
        title: '数据请求',
      }}
    >
      {loading && <div>loading...</div>}
      {error && <div>{error.message}</div>}
      {data && (
        <ul>
          {(data as number[]).map((item: number, index: number) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      )}
    </PageContainer>
  );
};

export default AccessPage;
